<template>
    <div>
        <el-row class="tac">
            <el-col :span="18">
                <el-menu
                        style="width: 200px; min-height: calc(100vh - 50px)"
                        active-text-color="#ffd04b"
                        background-color="#545c64"
                        class="el-menu-vertical-demo"
                        default-active="user"
                        text-color="#fff"
                        @close="handleClose"
                >
                    <el-sub-menu index="1">
                        <template #title>
                            <el-icon><fold /></el-icon>
                            <span>功能菜单</span>
                        </template>
                        <el-menu-item index="user">用户管理</el-menu-item>
                        <el-menu-item index="1-2">数据维护</el-menu-item>
                    </el-sub-menu>
                </el-menu>
            </el-col>
        </el-row>
    </div>
</template>

<script>
    //组件script
    //组件script
    import { Fold } from "@element-plus/icons";
    import { Edit } from "@element-plus/icons";
    import { Aim } from "@element-plus/icons";
    import { Share } from "@element-plus/icons";
    import { Search } from "@element-plus/icons";
    import { Delete } from "@element-plus/icons";
    import { Document } from "@element-plus/icons";


    export default {
        name: "Aside",
        components: {
            Fold,
            Edit,
            Aim,
            Share,
            Search,
            Delete,
            Document
        }
    }
</script>


<style scoped>

</style>
